import React, { useState, useEffect, useRef } from 'react';
import { LeftSquareOutlined, RightSquareOutlined } from '@ant-design/icons';
import Carousel from './components/Carousel';
import 'antd/dist/antd.less';
import './index.less';

// *-------------------------------------
export default function activityComment(props) {
  return (
    <div>
      <Carousel autoplay={true}>
        <img src="https://w.wallhaven.cc/full/28/wallhaven-28o5qy.jpg"></img>
        <img src="https://w.wallhaven.cc/full/o3/wallhaven-o36djp.jpg"></img>
        <img src="https://w.wallhaven.cc/full/dp/wallhaven-dpol5g.jpg"></img>
        <img src="https://w.wallhaven.cc/full/v9/wallhaven-v95wmp.jpg"></img>
        <img src="https://w.wallhaven.cc/full/3z/wallhaven-3z6med.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
        <img src="https://w.wallhaven.cc/full/wq/wallhaven-wqd2e6.png"></img>
      </Carousel>
    </div>
  );
}
